<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[10rpx]"></view>
        <view class="bg-white pb-5 shadow">
            <view class="mx-[40rpx] flex justify-between items-center py-[20rpx] border-b border-[#D8D8D8]">
                <view>消息类型</view>
                <view>2024-10-20 12:00</view>
            </view>
            <view class="pt-[20rpx] pb-[350rpx] border-b border-[#D8D8D8] mx-[20rpx]">
                <view class="text-center">消息标题消息标题</view>
                <view>
                    消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容
                    消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容 消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容</view>
            </view>
            <view class="flex justify-between items-center py-[20rpx] mx-[20rpx]">
                <view>快捷链接></view>
                <view>表单链接></view>
            </view>
            <view class="mx-[20rpx]">
                <view class=" inline-block text-white py-[10rpx] px-4 bg-[#FD755D] rounded  text-[32rpx]">预约报名</view>
            </view>
        </view>

    </view>
</template>